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METHOD AND SYSTEM OF 
NAVIGATING USING A 
GRAPHICAL PORTAL 

Related Applications 

Referenced-applications 

This Application claims the benefit of U.S. Provisional Application, Serial Number 
60/236,61 2, filed September 29, 2000. 

Field of the Invention 

The present invention relates to a method and system for navigating on the 
Internet using a graphical portal. More particularly, to using a plurality of graphical 
images to provide navigational linkage among a plurality of internet sites. 

Background of the Invention 

[0001 ] When navigating around the Internet, a user is typically limited to a set of 
words or images that can transfer the user among pages of a web site or to and 
from different web sites. The basis of this navigation technique is the hyperlink 
technology that was developed for the Internet and which is well known in the art. 

l ° 002 ' Figure 1 illustrates a typical Internet network 1 00 wherein user 1 1 0 

communicates with a plurality of servers, as represented by server 1 20, server 1 30 
and server 140. Each of the illustrated servers includes information items, e.g., 
web site pages, that user 1 1 0 desires to view, to study or to purchase items from. 
Using, as an example, server 1 20, as a host server, user 1 1 0 can access 
information items on each of the illustrated servers by inputting an appropriate 
server address. For example, user 1 10 may input an address, i.e., a Universal 
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Resource Locator (URL), that is representative of a web site located on either of 
servers 1 10, 1 20 or 1 30. Hence, by inputting the address of each different web site 
page the user wishes to view, the user is directed to the server containing the 
desired information. This type of navigation is rudimentary and imposes upon user 
1 1 0 the need to know or recall the address of each web site page the user desires 
to view or has previously viewed. In those cases in which the web site has linked 
web pages, the burden on user 1 1 0 in navigating to other web pages is reduced by 
using the Internet hypertext protocol language to "transfer" to another web page. 
Accordingly, hypertext linking allows the user to use key words and graphic 
images, i.e., hot spots, on the web site page which interpret the user's actions as 
inputting a designated web site address. Figure 2 illustrates a typical web site page 
200 containing exemplary implementations of keywords and graphic images. For 
example, banner 21 0 and buttons 21 2 and 220 are graphic images that direct a 
user to different web site pages when the user executes the proper procedure, for 
example, by placing a cursor over the image and selecting the image by, for 
example, clicking a button on a mouse. 

[0003] Similarly, linking addresses may be designated by key words, such as those 
illustratively labeled "Feature 1" 247, "Feature 2" 250, "Book 1" 257, "Listl" 280, 
"Store 2" 290, etc. Key words are typically distinguished from textual information, 
for example, as represented by the lettering within block 230, by presenting key 
words in a blue lettering and underlined. Blue lettering and underlining is a typical 
indication that specific wording is a key word, and is thus associated with a URL. 

[0004] pjgure 3a j|| ustrates an exemplary web site page which is displayed when a 

hyperlink included within image 275 of Figure 2, for example, is activated. In this 
exemplary web site page, image 275, is increased in size and includes additional 
information items concerning the enlarged image 275. In this illustrative example, 
the textual words within block 310 are included on the web site page. Further, 
blocks 320 and 325 include information items, i.e., images, keyword, hot spots, 
text, etc., that can be different than the information items on previous web site 
page. This additional information enables the user to link to still other web site 
pages. In this illustrative example, keyword "Book2" 260 is included within block 
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325 and would direct a user to another web site page containing information on 
Book 2. Figure 3b illustrates a second exemplary web site page that a user is able 
to view when the user double clicks keyword "Book 2" 260 illustrated in Figure 3a, 
similar to Figure 3a, containing information items, i.e., keywords, images, etc., that 
directs the user to still further web site pages. It would be appreciated that the 
user is also directed to the second exemplary web site page of Figure 3b, when the 
user selects keyword "Book 2" 260, illustrated in Figure 2. Thus, an Internet user is 
afforded the opportunity to continually link within or among web site pages from 
different web site pages. This continual linking is termed deep-linking, as the user 
is continually extending deeper into a single web site or among a plurality of 
associated web sites. 

[0005] Using the well known navigation techniques just described, the Internet makes 
information from all over the world available just as readily as information that can 
be accessed using local resources. While the breadth and depth of this easily 
accessible information makes the Internet the premiere research and 
communications tool of the modern age, the unique cultural origins of individual 
web pages are not generally easy to discern. For English-speaking web users, it is 
frequently only the pages written in a language other than English that can be 
clearly identified as coming from a distinctly different culture. While there is a 
certain appeal to the fact that all pages that fit a particular search criterion are 
presented without any cultural filtering, it is difficult for the average web user to 
positively experience the cultural differences that can add richness and context to 
the information that they seek. 

[0006] Some web pages or portals offer users the choice of viewing a particular page 
or portions of a web site in a different language, but these linguistic changes are 
generally text-based rather than graphical, and do not necessarily enhance any 
understanding of the underlying culture. Furthermore, the success of a web page 
depends on the amount of traffic that it is able to generate and sustain. Web users 
are looking for a combination of factors, such as ease of navigation, informative 
content, and interesting and engaging presentation. 
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[0007] Therefore, it would be desirable to provide a graphical portal to web pages that 
are commonly accessed and/or which are discovered through various searches. 
The graphical portal would ideally use a paradigm familiar to most users from real- 
life experiences to promote comfort, ease of use and familiarity for the user, as 
well as providing a cultural context in which users can view various web pages. 

Summary of the Invention 

[0008] A method of accessing a plurality of web site pages is presented that organizes 
and visually presents representations of Internet hyperlink addresses associated 
with corresponding web site pages by graphically displaying a town or village 
setting wherein the town or village is composed of a plurality of buildings which 
contain therein representations of categories of information items, such as retail 
and commercial establishments, having a common theme. The displayed buildings 
are further collected together within districts, based on their proximity to each 
other in the town, wherein the districts are representative of a common concept 
among the buildings contained therein, much as would be the case in a real town 
or village. Further, to enhance the cultural distinctions between different groups of 
web sites, for example, web sites originating in Europe or Africa, different types of 
towns can be displayed, such as a European town or an African village respectively. 
This lends a cultural context to the web experience that is lacking in the text- 
based or homogenous web pages, which lack cultural diversity. 

[0009] The organization of the web site pages affords the user a concise access to 

common web site pages based on typical user life experiences. Further, a user may 
navigate among retail and commercial establishments that have a common theme 
and then can easily return to a familiar reference to begin a different navigation 
sequence. Lastly, culturally localized web sites are grouped together under a portal 
page which is also culturally-localized to provide the proper context for the 
viewing of the web pages. 

Brief Description of the Drawings 

[001 0] Figure 1 illustrates an exemplary network configuration; 
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[001 1] Figure 2 illustrates an exemplary Internet web site page; 

[001 2] Figure 3a illustrates an exemplary Internet web site page linked to the web site 
page illustrated in Figure 2; 

[001 3] Figure 3b illustrates a second exemplary Internet web site page linked to the 
web site page illustrated in Figure 2; 

[001 4] Figure 4 illustrates an exemplary web site page in accordance to the principles 
of the invention; 

[001 5] Figure 5a illustrates a district on the exemplary web site page illustrated in 
Figure 4 in accordance with the principles of the invention; 

[001 6] Figure 5b illustrates an exemplary category selected on the web site page 
illustrated in Figure 4 in accordance with the principles of the invention; 

[001 7] Figure 6 illustrates a second exemplary category selected on the web site page 
illustrated in Figure 4 in accordance with the principles of the invention; 

[001 8] Figure 7 illustrates an exemplary web site page linked to the web site page 
illustrated in Figure 5a in accordance with the principles of the invention; 

[001 9] Figure 8 illustrates another exemplary web site page in accordance with the 
principles of the invention. 

[0020] Figure 9 illustrates another exemplary web site page in accordance with the 
principles of the invention; 

[002 1 ] Figure 1 0 illustrates a second embodiment of an exemplary web site page 
linked to the web site page illustrated in Figure 5a in accordance with the 
principles of the invention; 

[0022] Figure 1 1 a illustrates an exemplary web site page illustrating a dynamically 
updated information item, in accordance to the principles of the invention; and 

[0023] Figure 1 1 b illustrates a second exemplary web site page illustrating a 

dynamically updated information item, in accordance to the principles of the 
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invention. 



[0024] It is to be understood that these drawings are solely for purposes of illustrating 
the concepts of the invention and are not intended as a definition of the limits of 
the invention. It will be appreciated that the same reference numerals, possibly 
supplemented with reference characters where appropriate, have been used 
throughout to identify corresponding parts. 

Detailed Description of the Invention 

[0025] Figure 4 illustrates an exemplary representation of a portal web page in 

accordance with the principles of the invention, in this illustrative example, web 
page 400 is created using a familiar town or village setting. The town or village is 
presented by buildings that are representative of typical real-world retail and 
commercial establishments found in a town or village. For example, building 41 0 is 
a representative depiction of a Lawn and Garden Center, whereas building 420 is a 
representative depiction of a bank. Hence, at least one web site page having access 
to Lawn and Garden Equipment or supplies is accessible, i.e., linked to, when Lawn 
and Garden building 41 0 is entered. Similarly, at least one bank is accessible when 
the bank building 420 is entered. 

[0026] 

In another aspect of the invention, the appearance of the town may be changed 
to provide a cultural context to the web experience. A button may be provided on 
the interface, such as, for example, button 450 in Figure 4, depicted as a sailboat 
and labeled, "Across the Pond." This button can bring up a list of culturally 
localized portal web pages which act as hosts for a variety of web pages which can 
be grouped together by culture. Once the user selects one of the culturally 
localized web portal pages, a graphical interface using the town paradigm which is 
culturally distinct from the typical American town shown in Figure 4, such as a 
European town or an African village is displayed. Such a portal will have links to 
web pages which have origins in those distinct cultures depicted and will be 
"themed" to give an impression of the selected culture by showing. This can be 
accomplished by showing the types of buildings which may be found in that 
particular culture, having culture-specific decorations on the page or playing 
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culture-specific music as the portal page is viewed. The culturally localized portal 
pages therefore provide a context for viewing the linked web pages. 

[0027] On each portal page, the illustrated retail and commercial establishments 

having a common concept are grouped together into districts to facilitate a user's 
experience on the web site. For example, retail or commercial establishments 
associated with consumer retail goods are grouped together in retail shopping 
district 425, whereas retail establishment associated with home products are 
grouped together in shopping district 435. This visual presentation conveys to the 
user information concerning the type of data items within a district. Thus, rather 
than organizing information content into somewhat related individual keywords or 
images, the visual relationships developed from life experiences are incorporated 
into the web site navigation. 

[0028] Illustrated further is navigation bar 440, which can be used to select retail or 
commercial establishments by labeled designation. For example, establishments 
associated with home/garden can be selected by activating home/garden 
designation 445. 

[0029] Figure 5a illustrates an exemplary retail store in retail consumer district 425. 
District 425 contains information items dealing with books, toys, clothing, etc. In 
this illustrative example, building 5 1 0 is representative of bookstores within the 
town or village. Further illustrated is a change made to navigation bar 440 
represented as navigation bar 440a when the user's cursor is placed over the 
district or the district is selected by some other means. In this illustrative example, 
navigation bar 440a displays categories associated with district 425. Figure 5b 
illustrates a change to the exemplary web page illustrated in Figure 5a when a 
cursor is placed over, for example, building 510. As illustrated, the specific 
information items contained in building 510 are clearly displayed, as represented 
by the word "Books." 

[0030] Figure 6 illustrates a second illustrative example of displaying the specific 
information items contained in a particular building within a district. In this 
illustrative example, exemplary establishments associated with a business district 
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are displayed when a cursor is placed over one specific building. For example, 
building 61 0 is associated with "banking" functions and is denoted by the overlaid 
word "Bank." 

[0031] Figure 7 illustrates an exemplary web site page representative of book 
establishments accessible from building 510 of Figure 5a. In this illustrative 
example, building 510 contains hyperlinks to selected affiliated stores that sell or 
promote books on the Internet. For example, Borders.com 710, Barnes&Noble.com 
720 and Amazon.com 730 are illustrated and are well known in the art as 
booksellers. Figure 7 further illustrates categories of books such as Children 740, 
Fiction/Non-Fiction 745, Professional/Education 750, Life and Leisure 755, etc., 
represented on book shelves. The book shelves are selectable by a user to navigate 
to specific books within the labeled categories. Further illustrated are designated 
areas 760 and 765, which enable a user to navigate to designated information 
items, such as selected authors and selected audio books, respectively. 

[0032] Figure 8 illustrates an exemplary category, for example, Fiction/Non-Fiction 

745, web site page which is viewed when selected by a user. In accordance with the 
principles of the invention, book retailers of Fiction/Non-Fiction books are 
grouped together to provide a single presentation to a user. For example, images 
representative of book retailers selling fiction/non-fiction books, such as 
Amazon.com 830 and Barnes&Noble.com 840, are illustrated within the bookcase 
shelves. Further illustrated are designated areas that are representative of specific 
categories, such as Romance 81 0. Romance category 81 0 is used to direct a user 
to selected information items corresponding to, for example, the top ten romance 
books under Fiction/Non-Fiction category 745. 

[0033] Figure 9 illustrates an exemplary web site page depicting an exemplary top ten 
listing of books within, for example, romance category 810. 

[0034] Figure 1 0 illustrates a second exemplary embodiment of a web site page in 
accordance with the present invention. In this illustrative embodiment, a textual 
listing of retail or commercial establishments is displayed to the user. In this 
embodiment, the user is able to navigate to a selected retailer using the displayed 
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list of retailers. 

[0035] Accordingly, after linking through the selected retailer's web site pages, the 
user can immediately return to the store home page to begin linking to another 
selected retailer's web site pages. Thus, the user can easily return to the displayed 
retailers depicted in the selected store from a deep-link within a selected retailer's 
web site. 

[0036] Figure 1 1 a illustrates another exemplary embodiment of the invention. In this 
embodiment, images are temporarily introduced onto the town or village web site 
page. Temporary images, such as balloon 1010 are animated movies that are 
displayed moving across the town or village image. In the alternative, temporary 
images, such as balloons 1010 are introduced, statically, at random locations 
within the town or village web site page and remain visible for a known period of 
time. 

[0037] Figure 1 1 b illustrates a second exemplary embodiment of an image 

temporarily introduced onto the town or village. In this example, truck 1 020 is 
depicted moving along a road 1030 in town. Such temporary images may, for 
example, carry advertisements for affiliated retail and commercial establishments, 
and may further contain hyperlinks to those establishments. 

[0038] While there have been shown and described and pointed out fundamental novel 
features of the present invention as applied to preferred embodiments thereof, it 
will be understood that various omissions and substitutions and changes in the 
methods described and in the form and details of the devices disclosed, and in 
their operation, may be made by those skilled in the art without departing from the 
spirit of the present invention. For example, it is expressly intended that all 
combinations of those elements and/or method steps which perform substantially 
the same function is substantially the same way to achieve the same results are 
within the scope of the invention. Substitutions of elements from one described 
embodiment to another are also fully intended and contemplated. Examples of 
retail establishments used in the description of the invention are exemplary only 
and are not meant to limit the invention thereto. 
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